﻿.labels {
    font-family: 'Angsana New'; /* use this font */
    font-size: 25px; /* size of font */
    font-style:oblique; /* make the labels cursive  */
    color:yellow; /* text on labels will be yellow */
}

.titelLabels {
    font-family: 'Angsana New'; /* use this font */
    font-size: 35px; /* size of font */
    font-style:oblique; /* make the titlelabels cursive  */
    font-weight:bold; /* make the titlelabels bold  */
    color:green; /* text on titlelabels will be green */
}

.confirmbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7; /* Using CSS3 to create shadow inside the button */
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7; /* Using CSS3 to create shadow inside the border of the button */
	box-shadow:inset 0px 1px 0px 0px #bbdaf7; /* part of the shadowing */  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff; /* background color of button */
	-moz-border-radius:13px; /* Using moz-border-radius to define how round the corners of the button should be */
	-webkit-border-radius:13px; /* Using webkit-border-radius to define how round the corners of the button should be */
	border-radius:26px; /* how big the border should be */
	border:4px solid #566c82; /* soild border and color of the border */
	display:inline-block; /* order all elemets of button in a block display */
	color:#ffffff; /* text color white */
	font-family:arial; /* use this font */
	font-size:20px; /* size of font */
	font-weight:bold; /* make text bold  */
	padding:6px 24px; /* padding defines the size of the box around the text, increasing the first px value will make the button grow bigger vertical and the other one horizontal  */
	text-decoration:none; /* no decoration such as overline,underline,strike through */
	text-shadow:79px; /* Shadow on text, first px is horizontal, second vertical, third is the blur and the fourth value is the color of shadow */
    z-index: 2; /* z index to indicate placement on top of other content  */
}.confirmbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.confirmbutton:active {
	position:relative;/* position relative to the button so when we click it, the same position will be applied */
	top:1px; /* but 1% from top making a illsuion that the user has interacted with the button */
}

.previousbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7; /* Using CSS3 to create shadow inside the button */
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7; /* Using CSS3 to create shadow inside the border of the button */
	box-shadow:inset 0px 1px 0px 0px #bbdaf7; /* part of the shadowing */  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff; /* background color of button */
	-moz-border-radius:13px; /* Using moz-border-radius to define how round the corners of the button should be */
	-webkit-border-radius:13px; /* Using webkit-border-radius to define how round the corners of the button should be */
	border-radius:26px; /* how big the border should be */
	border:4px solid #566c82; /* soild border and color of the border */
	display:inline-block; /* order all elemets of button in a block display */
	color:#ffffff; /* text color white */
	font-family:arial; /* use this font */
	font-size:20px; /* size of font */
	font-weight:bold; /* make text bold  */
	padding:6px 24px; /* padding defines the size of the box around the text, increasing the first px value will make the button grow bigger vertical and the other one horizontal  */
	text-decoration:none; /* no decoration such as overline,underline,strike through */
	text-shadow:79px; /* Shadow on text, first px is horizontal, second vertical, third is the blur and the fourth value is the color of shadow */
    z-index: 2; /* z index to indicate placement on top of other content  */
}.previousbutton:hover {
     /*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a341ee), color-stop(1, #c579ff) ); /* When user hover over button change the gradient of the two colors
	background:-moz-linear-gradient( center top, #a341ee 5%, #c579ff 100% ); /* When user hover over button change the gradient of the two colors 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a341ee', endColorstr='#c579ff'); /* Used for Internet Explorer support of gradient colors 
	background-color:#a341ee;  Change the background color slightly */
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.previousbutton:active {
	position:relative;/* position relative to the button so when we click it, the same position will be applied */
	top:1px; /* but 1% from top making a illsuion that the user has interacted with the button */
}

.CreateUserWizard {
    height: 50px; /* Height of the RegisterControl div */
}